<LayoutEditFormBox :loading="load">
  <template slot="main">
    <el-form
      ref="editForm"
      :model="form"
      label-width="200px"
      label-position="left"
    >
      <LayoutCell>
        <LayoutCellItem title="配置">
          <el-form-item
            label="商户秘钥"
            prop="merchantKey"
            :rules="{ required: true, message: '请输入 商户秘钥'}"
          >
            <el-input v-model.trim="form.merchantKey"></el-input>
          </el-form-item>

          <el-form-item
            label="商户编号"
            prop="merchantNo"
            :rules="{ required: true, message: '请输入 商户编号'}"
          >
            <el-input v-model.trim="form.merchantNo"></el-input>
          </el-form-item>

          <el-form-item
            label="报备商户号"
            prop="tradeMerchantNo"
            :rules="{ required: true, message: '请输入 报备商户号'}"
          >
            <el-input v-model.trim="form.tradeMerchantNo"></el-input>
          </el-form-item>

          <el-form-item 
              label="代付用途" 
              prop="paidUse"
              :rules="{ required: true, message: '请输入 代付用途'}"
              >

            <el-select
              v-model="form.paidUse"
              style="width:100px"
              placeholder="请选择"
            >
              <el-option
                v-for="item in paidUseList"
                :label="item.name"
                :key="item.value"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>

          <el-form-item 
              label="产品类型" 
              prop="productCode"
              :rules="{ required: true, message: '请选择 产品类型'}"
              >
            <el-select
              v-model="form.productCode"
              style="width:100px"
              placeholder="请选择"
            >
              <el-option
                v-for="item in productCodeList"
                :label="item.name"
                :key="item.value"
                :value="item.value"
              >
              </el-option>
            </el-select>
          </el-form-item>

          <el-form-item 
                   label="是否复合" 
                   prop="isChecked"
                   :rules="{ required: true, message: '请选择 是否复合'}"
                   >
            <div style="display: flex;">
              <el-select
                v-model="form.isChecked"
                style="width:100px"
                placeholder="请选择"
              >
                <el-option label="是" value="201"></el-option>
                <el-option label="否" value="202"></el-option>
              </el-select>
              <p class="tips">
                注意：付款需要到
                <a href="https://b.joinpay.com/#/login" target="_blank"
                  >汇聚商户后台</a
                >
                进行审核，审核通过后才会进行打款，审核不通过，则交易失败
              </p>
            </div>
          </el-form-item>
        </LayoutCellItem>
      </LayoutCell>
    </el-form>
  </template>
  <template slot="footer">
    <el-button type="primary" @click="submit()">保存</el-button>
  </template>
</LayoutEditFormBox>
